<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/webstyle.css">
	<script src="./js/jquery-v1.10.2.min.js" type="text/javascript"></script>

	<title>淮安结婚网</title>
</head>
<body style="background-color: #fdfbfe">

	<div class="index-cover"></div>
	<!-- 公共头部 -->
	<div class="common-header">
		<div class="header-content layout">
			<img src="./img/logo/logo.png">
		</div>
		<div class="nav clearfix">
			<ul class="layout">
				<li class="active"><a href="./index.html">首页</a></li>
				<li><a href="./wed-list.html">优选婚庆</a></li>
				<li><a href="./hotel-list.html">优选酒店</a></li>
				<li><a href="./host-list.html">优选主持</a></li>
				<li><a href="./paint-list.html">优选化妆礼服</a></li>
				<li><a href="./video-list.html">优选摄像</a></li>
				<li><a href="./photo-list.html">优选摄影</a></li>
				<li><a href="./server-list.html">优选服务商</a></li>
			</ul>
		</div>
	</div>
	
	<div class="login-background layout"></div>

	<div class="login-mod-tab clearfix">
		<ul class="login-tabs clearfix">
			<li class="active">登录</li>
			<li>注册</li>
		</ul>
		
		<div class="panel active">
			<form action="">
				<div class="login-tel login-ipt">
					<input type="text" placeholder="请输入您的手机号码">
				</div>
				<div class="login-dl login-ipt">
					<input type="submit" value="登录">
				</div>
				
			</form>
		</div>

		<div class="panel">
			<form action="">
				<div class="login-tel login-ipt">
					<input type="text" placeholder="请输入您的手机号码">
				</div>
				<div class="login-yzm login-ipt">
					<input type="text" placeholder="请输入验证码">
				</div>
				<div class="get-yzm login-ipt">
					<input class="yzm-ipt" type="button" value="获取验证码">
				</div>
				

				<div class="login-dl login-ipt">
					<input type="submit" value="注册">
				</div>
				
			</form>
		</div>
			
	</div>


	<!-- footer样式 -->
	<div class="common-footer">
		<p>
			<a href="http://www.miibeian.gov.cn/">备案号：苏ICP备1111111</a>
		</p>
		<p>
			<a href="#">Copyright &copy; 2018.淮安结婚网 All rights reserved.</a>
		</p>
	</div>

	<script>
		$('.login-tabs>li').on('click', function(){
            var $this = $(this)
            var index = $this.index()
            $this.addClass('active').siblings().removeClass('active')
            $('.panel').eq(index).addClass('active').siblings().removeClass('active')
        })
	</script>

</body>
</html>